*{margin:0; padding:0}
li{list-style:none}img{border:none}
h1,h2,h3,h5,h6,h7{font-size:100%}
code{font-family:"Courier New", Courier, monospace}
blockquote{margin:10px 0 10px 10px; padding:10px 0 0 10px;border-left:3px solid #ddd;
background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/quote.gif) no-repeat 10px 0}
body{font:12px/1.5 Georgia, 'Microsoft YaHei'; color:#333}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:hover{color:#fff;text-decoration:none;background-color:#ddd; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}
a:active{color:#fff;text-decoration:none;background-color:#333; -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}


#navbar, .widget-item-control{display:none}
#outer-wrapper{width:760px; margin:auto}

#header-inner{font-size:30px;color:#ddd;margin:0 80px 0; padding:40px 0 0}
.descriptionwrapper{border-bottom:4px solid #fff}
.main {margin:30px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-moz-box-shadow:0 0 6px #ccc;-webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 10px #ccc;zoom:1;}
.blog-posts, .blog-pager, .blog-feeds,.post-feeds{padding:0 30px}

.expend_archives{padding: 0 5px; margin-left:5px; font-size:10px; cursor:pointer}

<script src='http://ciel215.googlecode.com/svn/trunk/Music/swfobject.js' type='text/javascript'/>
<script src='http://ciel215.googlecode.com/svn/trunk/Music/1bit.js' type='text/javascript'/>

h1{padding:20px 0; text-indent:-9999px}
h1 a:link,h1 a:visited{color:#ddd}
h1 a:hover,h1 a:active{color:#eee;text-decoration:none;background:none}
.description{font-size:12px;color:#eee;padding:0 0 5px 50px}

.PageList {text-align:right; margin-top:3px; padding-right:30px;}
.PageList li{display:inline}
.PageList li a{background-color:#eee; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li a:link,.PageList li a:visited{color:#bbb;text-shadow:0 1px 0 #fff} 
.PageList li a:hover, .PageList li a:active{color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.PageList li.selected a{font-weight:100;color:#000;text-shadow:0 1px 0 #fff;background-color:#ddd; padding:5px 10px; -moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}

.status-msg-boxr{margin-top:10px;padding:5px}

.date-outer{margin:20px 0}
.date-header{font-size:12px; color:#bbb; text-shadow:0 1px 0 #fff; padding:3px 7px;-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0; background-color: rgba(200, 200, 200, 0.3); position:relative; left:-30px; display:inline}
.post-body{font-size:12px}
.date-posts{padding-top:10px}
.date-posts p{margin:10px 0}

.post-body li{list-style:circle outside}
.post-body ul,.post-body ol{margin-left:20px}
.post-body h3,.post-body h4,.post-body h5,.post-body h6{}
.post-title{font-size:20px;text-shadow:3px 3px 3px #ddd;margin-bottom:5px}
.comment-body{padding-left:20px}
.post-footer{margin:10px 0;color:#999}
.post-footer a:link, .post-footer a:visited{color:#666}
.post-footer a:hover{color:#fff;text-decoration:none;background-color:#ccc}
.post-footer a:active{color:#fff; text-decoration:none;background-color:#000}
.post-footer span{margin-right:5px}
.post-outer img{padding:2px; border:1px solid #fff}
.reactions-iframe{height:20px;vertical-align:text-bottom;border:none;width:auto}
.jump-link {font-size:14px}
/*.post-labels a{background:url(http://www.google.com/reader/ui/1019828636-annotation-tip-arrow-left.gif) no-repeat; padding-left:5px}*/

.feed-links{text-align:right; font-size:16px; font-weight:bold; padding:10px 0 10px 0}
.feed-links a{background:url("http://yfcielsl.googlecode.com/svn/trunk/blogger/rss32.png") no-repeat scroll right center transparent; padding-right:20px}
.blog-pager{padding-bottom:5px; overflow:hidden; text-align:center; font-size:14px;zoom:1}
#blog-pager-older-link{float:right}
#blog-pager-newer-link{float:left}

.left-wrap, .right-wrap{width:350px}
.left-wrap h2, .right-wrap h2{padding:3px 8px;background-color: rgba(200, 200, 200, 0.3);
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#bbb;text-shadow:0 1px 0 #fff}
.left-wrap .widget-content, .right-wrap .widget-content{padding:5px}
.left-wrap .widget, .right-wrap .widget, {margin-bottom:5px}
.left-wrap{float:left; margin-left:10px}
.right-wrap{float:right; margin-right:10px}
.bottom-wrap{clear:both; padding:20px 0}
.bottom-wrap .widget-content{border-top:1px solid #eee; padding-top:5px;text-align:center}
.BlogArchive #ArchiveList ul li.archivedate {display:inline;margin:0 10px 0 0;padding:0}
.cloud-label-widget-content span {margin-right:5px}

.comments {}
.comments h4{padding:10px 0; color:#000}
#comments-block.avatar-comment-indent{margin-top:10px}
.comments dd.comment-footer { padding-bottom:5px}
.comment-form{font-size:12px}
.comment-footer a.addNewComments{padding:3px 5px;font-size:14px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ccc;
background-image:-moz-linear-gradient(center top , #fff, #ccc);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #ccc));filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";zoom:1}
.comment-footer a.addNewComments:link, .comment-footer a.addNewComments:visited{background-color:#eee}
.comment-footer a.addNewComments:hover {-moz-box-shadow:0px 0px 6px #999;-webkit-box-shadow:0 0 6px #999;border-color:#999;text-description:none; text-decoration:none}
.comment-footer a.addNewComments:active{color:#666;background-image:-moz-linear-gradient(center top , #ddd, #fff)}

.onebit_mp3{padding:0 2px 0 22px; background:url(http://yfcielsl.googlecode.com/svn/trunk/blogger/icon_music.png) no-repeat 3px 0}
.onebit_mp3 a:link, .onebit_mp3 a:visited{color:#000;text-decoration:none}
.onebit_mp3 a:hover{color:#fff; text-decoration:underline}
.onebit_mp3 a:active{color:#000; background-color:#fff;text-decoration:none}
#LinkList1 li{display:inline-block;margin-right:10px}}
.paginator {
	margin-top:60px;
	font-size:1em;
}
.paginator table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
}
.paginator table td {
	padding:0;
	white-space:nowrap;
	text-align:center;
}
.paginator span {
	display:block;
	padding:3px 0;
	color:#fff;
}
.paginator span strong,
.paginator span a {
	padding:2px 6px;
}
.paginator span strong {
	background:#ddd;
	font-style:normal;
	font-weight:normal;
}
.paginator .scroll_bar {
	width:100%;	height:20px;
	position:relative;
	margin-top:10px;
}
.paginator .scroll_trough {
	width:100%;	height:3px;
	background:#ccc;
	overflow:hidden;
}
.paginator .scroll_thumb {
	position:absolute;
	z-index:2;
	width:0; height:3px;
	top:0; left:0;
	font-size:1px;
	background:#363636;
}
.paginator .scroll_knob {
	position:absolute;
	top:-5px; left:50%;
	margin-left:-10px;
	width:20px; height:20px;
	overflow:hidden;
	background:url(http://paginator3000js.googlecode.com/svn/trunk/paginator/slider_knob.gif) no-repeat 50% 50%;
	cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
	position:absolute;
	z-index:1;
	top:0; left:0;
	width:0; height:3px;
	overflow:hidden;
	background:#666666;
}

.fullsize .scroll_thumb {
	display:none;
}

.paginator_pages {
	width:600px;
	text-align:right;
	font-size:0.8em;
	color:#808080;
	margin-top:-10px;
}